<div>
    <div class="bg-white rounded-xl p-6 pb-8">
        <div class="text-xl font-semibold">
            {{ $article['title'] }}
        </div>
        <div class="flex items-center mt-2">
            <div class="flex-grow overflow-hidden pb-2">
                <div class="text-gray-400 pt-2">
                    <i class="iconfont icon-category"></i>
                    {{ $article['category']['name'] }}
                    <span>&nbsp;</span>
                    <i class="iconfont icon-time"></i>
                    {{ $article['created_at'] }}
                    <span>&nbsp;</span>
                    <i class="iconfont icon-eye"></i>
                    {{ $article['reading_quantity'] }}
                    <span>&nbsp;</span>
                </div>
            </div>
        </div>
        <div class="mt-4">
            <div id="$m" class="html">
                {{ $article['content'] }}
            </div>
            <textarea id="$t" style="display:none">{{ $article['content'] }}</textarea>
        </div>
    </div>
</div>

<script>
    $m.innerHTML = marked.parse($t.value);
</script>

